<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="p" uri="http://primefaces.prime.com.tr/ui"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view>
	<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:p="http://primefaces.prime.com.tr/ui"
		xmlns:ui="http://java.sun.com/jsf/facelets">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title><h:outputText value="#{message.mainHeader}" /></title>
	<p:resources />

	<link rel="stylesheet" type="text/css" href="style.css" />
	<style type="text/css">
.matrix {
	font-family: Lucida Console, Courier, Monotype;
	font-size: 15pt;
	text-align: center;
	width: 12px;
	padding: 0px;
	margin: 0px;
}

.toolBarPanel .ui-widget-content {
	background-color: #DDDDDD;
}
</style>
	<script src="matrix.js" type="text/javascript"></script>

	</head>
	<body>
	<center><h:panelGrid width="900" border="0" columns="3">
		<h:panelGroup style="width: %70;">
			<h:graphicImage value="images/dunya.png"></h:graphicImage>
		</h:panelGroup>
		<h:panelGroup>
			<div id="matrix">SANAL KITAPLIK</div>
		</h:panelGroup>
		<h:panelGroup>
			<div><h:graphicImage value="images/books_worm.png"></h:graphicImage></div>
		</h:panelGroup>
	</h:panelGrid> <h:panelGrid width="900" border="0" columns="1">
		<h:panelGroup>
			<h:form>

				<p:menubar>
					<p:submenu label="Ana Sayfa">
					</p:submenu>
					<p:submenu label="Kitaplar">
						<p:menuitem value="Çok Satanlar"></p:menuitem>
						<p:menuitem value="Yeni Eklenenler"></p:menuitem>
						<p:menuitem value="Acil olanlar"></p:menuitem>
					</p:submenu>
					<p:submenu label="Ders Notları">
						<p:menuitem value="Çok Satanlar"></p:menuitem>
						<p:menuitem value="Yeni Eklenenler"></p:menuitem>
					</p:submenu>
					<p:submenu label="Kullanıcı Görüşleri">
						<p:menuitem value="ddde"></p:menuitem>
					</p:submenu>
				</p:menubar>
			</h:form>
		</h:panelGroup>
	</h:panelGrid> <h:panelGrid width="900" border="0" columns="1"
		style="background-image:url('images/seffaf.png');text-align:center;">
		<h:form id="bookBrowsingForm">
			<h:panelGrid columns="1" width="100%">
				<p:panel styleClass="toolBarPanel">
					<h:panelGrid columns="2" width="100%">
						<p:commandButton value="<"
							actionListener="#{ResourceBrowsingManagerBean.back}"
							update="bookListPanel" />
						<p:commandButton value=">"
							actionListener="#{ResourceBrowsingManagerBean.next}"
							update="bookListPanel" />
					</h:panelGrid>
				</p:panel>
				<h:panelGroup id="bookListPanel">
					<h:dataTable var="book"
						value="#{ResourceBrowsingManagerBean.books}" width="100%">
						<p:column>
							<p:panel header="#{book.title}" toggleable="true">
								<h:panelGrid columns="2" width="100%">
									<p:graphicImage value="#{book.cover}" />
									<h:panelGrid columns="2" width="100%" style="text-align:left;">
										<h:outputText value="Sahibi:" style="font-weight:bold;" />
										<h:outputText value="#{book.owner}" />
										<h:outputText value="Yazarı/Yazarları:"
											style="font-weight:bold;" />
										<h:outputText value="#{book.authorNames}" escape="false" />
										<h:outputText value="Türü:" style="font-weight:bold;" />
										<h:outputText value="#{book.genre}" />
										<h:outputText value="Açıklama:" style="font-weight:bold;" />
										<h:outputText value="#{book.description}" />
									</h:panelGrid>
								</h:panelGrid>
							</p:panel>
						</p:column>
					</h:dataTable>
				</h:panelGroup>
				<p:panel styleClass="toolBarPanel">
					<h:panelGrid columns="2" width="100%">
						<p:commandButton value="<"
							actionListener="#{ResourceBrowsingManagerBean.back}"
							update="bookListPanel" />
						<p:commandButton value=">"
							actionListener="#{ResourceBrowsingManagerBean.next}"
							update="bookListPanel"/>
					</h:panelGrid>
				</p:panel>
			</h:panelGrid>
		</h:form>
	</h:panelGrid> <p:dock>
		<p:menuitem icon="/images/books.png" url="#" />
		<p:menuitem icon="/images/books.png" url="#" />
		<p:menuitem icon="/images/books.png" url="#" />
		<p:menuitem icon="/images/books.png" url="#" />
		<p:menuitem icon="/images/books.png" url="#" />
		<p:menuitem icon="/images/books.png" url="#" />
	</p:dock></center>
	</body>
	</html>
</f:view>